<?xml version="1.0" encoding="UTF-8"?>
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.org/ui"
	template="/WEB-INF/templates/template.xhtml">
	<ui:define name="content">

		<h1>
			<h:outputText id="sub" value="Editar Productos" />
		</h1>
		<h:form id="form">

			<p:growl id="messages" showDetail="true" />
			<!--   http://www.primefaces.org/showcase/ui/datatableRowEditing.jsf -->
			<p:dataTable var="v_task" value="#{productoController.productos}"
				id="carList" editable="true">

				<f:facet name="header">  
            Productos 
        </f:facet>

				<p:ajax event="rowEdit" listener="#{productoController.onEdit}"
					update=":form:messages" />
				<p:ajax event="rowEditCancel"
					listener="#{productoController.onCancel}" update=":form:messages" />

				<p:column headerText="Nombre" style="width:30%">
					<p:cellEditor>
						<f:facet name="output">
							<h:outputText value="#{v_task.nombre}" />
						</f:facet>
						<f:facet name="input">
							<p:inputText value="#{v_task.nombre}" style="width:100%" />
						</f:facet>
					</p:cellEditor>
				</p:column>

				<p:column headerText="Descripcion" style="width:20%">
					<p:cellEditor>
						<f:facet name="output">
							<h:outputText value="#{v_task.descripcion}" />
						</f:facet>
						<f:facet name="input">
							<p:inputText value="#{v_task.descripcion}" style="width:100%"
								label="Year" />
						</f:facet>
					</p:cellEditor>
				</p:column>
				<p:column headerText="Precio" style="width:20%">
					<p:cellEditor>
						<f:facet name="output">
							<h:outputText value="#{v_task.precio}" />
						</f:facet>
						<f:facet name="input">
							<p:inputText value="#{v_task.precio}" style="width:100%"
								label="Year" />
						</f:facet>
					</p:cellEditor>
				</p:column>
				<p:column headerText="Envase" style="width:20%">
					<p:cellEditor>
						<f:facet name="output">
							<h:outputText value="#{v_task.envase}" />
						</f:facet>
						<f:facet name="input">
							<p:inputText value="#{v_task.envase}" style="width:100%"
								label="Year" />
						</f:facet>
					</p:cellEditor>
				</p:column>
				<p:column headerText="Cantidad" style="width:20%">
					<p:cellEditor>
						<f:facet name="output">
							<h:outputText value="#{v_task.cantidad}" />
						</f:facet>
						<f:facet name="input">
							<p:inputText value="#{v_task.cantidad}" style="width:100%"
								label="Year" />
						</f:facet>
					</p:cellEditor>
				</p:column>
				<p:column headerText="Proveedor" style="width:24%">
					<p:cellEditor>
						<f:facet name="output">
							<h:outputText value="#{v_task.proveedor.nombre}" />
						</f:facet>
						<f:facet name="input">
							<h:selectOneMenu value="#{v_task.proveedor.nombre}">
								<f:selectItems value="#{taskHome.tasks}" var="man"
									itemLabel="#{man.nombre}" itemValue="#{man.nombre}" />
							</h:selectOneMenu>
						</f:facet>
					</p:cellEditor>
				</p:column>

				<!--         <p:column headerText="Color" style="width:20%">   -->
				<!--             <p:cellEditor>   -->
				<!--                 <f:facet name="output">   -->
				<!--                     <h:outputText value="#{car.color}" />   -->
				<!--                 </f:facet>   -->
				<!--                 <f:facet name="input">   -->
				<!--                     <h:selectOneMenu value="#{car.color}" >   -->
				<!--                         <f:selectItems value="#{tableBean.colors}"   -->
				<!--                             var="color"    -->
				<!--                             itemLabel="#{color}"   -->
				<!--                             itemValue="#{color}" />   -->
				<!--                     </h:selectOneMenu>   -->
				<!--                 </f:facet>   -->
				<!--             </p:cellEditor>   -->
				<!--         </p:column>   -->

				<p:column style="width:6%">
					<p:rowEditor />
				</p:column>

			</p:dataTable>

		</h:form>

	</ui:define>

</ui:composition>
